<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
	href="extjs/resources/css/ext-all-gray.css" />
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
<title>Insert title here</title>

</head>
<body>
	<script type="text/javascript">
		Ext.onReady(function(){
			var win = new Ext.window.Window({
				width:500,
				height:400,
				title:"测试可选参数",
				items:[
				 	new Ext.toolbar.Toolbar({
				 		height:50,
				 		plain:true,
				 		style:{
				 			backgroundColor:"black"
				 		},
				 		items:[
				 			{
				 				text:"test"
				 			}
				 		]
				 	}),
				 	{
				 		xtype:"field",
				 		id:"myfield",
				 		width:300,
				 		fieldStyle:{
				 			width:"200px"
				 		}
				 	},{
				 		xtype:"button",
				 		text:"ok",
				 		handler:function(){
				 			alert(Ext.getCmp("myfield").getValue());
				 		}
				 	}
				 ],
				 modal:true
			});
			win.show();
		});
	</script>
</body>
</html>